{layout name="layout/layout" /}
<style type="text/css">
.phone_item{
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 20px;
    border-bottom: 1px solid #eee;
}
/*  .logout_edit1_img{
    position: absolute;
    right: 5%;
}*/
.logout_edit1_img1{
    position: absolute;
    right: 5%;
    top: 50%;
    transform:translate(0,-50%);
    width: 3%;
}
.logout_info1{
    position: absolute;
    color: #999999;
    right: 10%;
    font-size: 16px;
    top: 50%;
    transform:translate(0,-50%);
}
.logout_number{
    transform:translate(0,-50%);
    position: absolute;
    top: 50%;
}
.logout_info2{
    clear: both;
    color: #999999;
    font-size: 16px;
    float: right;
    width: 36%;
}
.logout_info2 p{
    margin: 0px;
}
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;} 
@media screen and (max-width: 320px){
   
    .logout_info2{
        margin-right: 10%;
    }
    .logout_edit1_img1{
        width: 3%;
    }
}
</style>
<div class="register_head">
    <img id="back" src="__STATIC__/index/img/return.png">
    <p>个人信息</p>
</div>

    <!-- <div class="logout_person">
        <div class="logout_item">头像</div>
        <div class="logout_img"><img src="{$wechat_user['headimgurl']}" ></div>
    </div>
    <div class="person">
        <div class="item">姓名<span class="logout_info">{$user->user_name}<img src="__STATIC__/index/img/edit1.png"></span></div>
        <div class="item">性别<span class="logout_info">{if condition="$user->user_sex == 1"} 男{elseif condition="$user->user_sex == 0"/}女{/if}<img src="__STATIC__/index/img/edit1.png"></span></div>
        <div class="item">电话<span class="logout_info">
            {if($tel)}
            {foreach($tel as $v)}
            {$v}<br/>
            {/foreach}
            {/if}

            <img src="__STATIC__/index/img/edit1.png"></span></div>
        <div class="item">公司<span class="logout_info">{$user->companyname}<img src="__STATIC__/index/img/edit1.png"></span></div>
        <div class="item">职位<span class="logout_info">{$user->position}<img src="__STATIC__/index/img/edit1.png"></span></div>
    </div>
    <button class="logout_btn">退出登录</button> -->

    <div class="main">
        <div class="logout_person">
            <div class="logout_item">头像</div>
            <div class="logout_img"><img src="{$wechat_user['headimgurl']}" ></div>
        </div>
        <div class="person1">
            <div class="item">姓名<span class="logout_info1">{$user->user_name}</span><img class="logout_edit1_img1" src="__STATIC__/index/img/edit1.png"></div>
            <div class="item">性别<span class="logout_info1">{if condition="$user->user_sex == 1"} 男{elseif condition="$user->user_sex == 0"/}女{/if}</span><img class="logout_edit1_img1" src="__STATIC__/index/img/edit1.png"></div>
            <div class="phone_item"><span class="logout_number">电话</span><div class="logout_info2" >
                {if($tel)}
                {foreach($tel as $v)}
                <p>{$v}</p>
                {/foreach}
                {/if}
            </div><img class="logout_edit1_img1" src="__STATIC__/index/img/edit1.png"><div class="clearfloat"></div></div>
            <div class="item">公司<span class="logout_info1">{$user->companyname}</span><img class="logout_edit1_img1" src="__STATIC__/index/img/edit1.png"></div>
            <div class="item">职位<span class="logout_info1">{$user->position}</span><img class="logout_edit1_img1" src="__STATIC__/index/img/edit1.png"></div>
        </div>
        <button class="logout_btn" type="submit">退出登录</button>
    </div>
<script>
  // 取消提示的http地址显示
    window.alert = function(name) {
        var iframe = document.createElement("IFRAME");
        iframe.style.display = "none";
        iframe.setAttribute("src", 'data:text/plain,');
        document.documentElement.appendChild(iframe);
        window.frames[0].window.alert(name);
        iframe.parentNode.removeChild(iframe);
    }
    $(function(){
        $('.logout_btn').click(function(){
            window.location.href = "{:Url('index/login/login_out')}";
        });
    });
    // $(function(){
    //     $('.txt').css('color',"#000");
    //     $(".txt4").css('color',"red");
    //     $('.img1').attr('src',"/static/index/img/icon1-1.png");
    //     $('.img2').attr('src',"/static/index/img/icon2-2.png");
    //     $('.img3').attr('src',"/static/index/img/icon3-3.png");
    //     $('.img4').attr('src',"/static/index/img/icon4-4.png");
    //     $('.img4').attr('src',"/static/index/img/icon3.png");
    // })
</script>
<script>
    $(function(){
        $("#back").click(function(){
           /* window.history.go(-1);*/
            window.location.replace("{:Url('index/index/index')}");
        });
    })
</script>